<!DOCTYPE html>
<html>
    <head>
        <style>
            thead{
                background-color: #000;
                color: #fff;
            }
            tbody tr:nth-child(2n){
                background-color: #eee;
            }

            tbody tr:nth-child(2n+1){
                background-color: #fff;
            }

            tbody tr th{
                background-color: #000;
                color: white;
                font-weight: bold;
            }

            tbody tr:nth-child(3n){
                opacity: 0.9;
            }
        </style>
    </head>
    <body>
        <table>
            <caption>TABLE SAMPLE</caption>
            <thead>
              <tr>
                <th>title one</th>
                <th>title two</th>
                <th>title three</th>
                <th>title four</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th>content1</th>
                <td>content2</td>
                <td>content3</td>
                <td>content4</td>
              </tr>
              <tr>
                <th>content5</th>
                <td>content6</td>
                <td>content7</td>
                <td>content8</td>
              </tr>
               <tr>
                <th>content9</th>
                <td>content10</td>
                <td>content11</td>
                <td>content12</td>
              </tr>
               <tr>
                <th>content13</th>
                <td>content14</td>
                <td>content15</td>
                <td>content16</td>
              </tr>  
          </table>
    </body>
</html>